/*
 * @Date: 2022-02-13 14:09:26
 * @LastEditors: xiaole
 * @LastEditTime: 2022-02-13 18:41:35
 */

import { defineComponent, inject } from "vue";


export default defineComponent({
    
    setup() {
        const config = inject('config')
        
        const dragStart = (e, component ) => {

        }
        
        return () => 

        <div class="editor-left">
            {
                config.componentList.map(component => {
                    return <div class="proview-item" draggable
                        onDragStart={ e=> dragStart(e, component)}
                    >
                        <span>{component.lebal}</span>
                        {component.render()}
                    </div>
                })
            }
            
        </div>
    }
})